{% extends base_template|default:"base.html" %}
{% load i18n %}
<!DOCTYPE html>
<html>
	<head>
		<title>{{title.name}}</title>
	</head>

	{% block content %}
	<script type="text/javascript" >
    	function showfield(name){
    		if(name=='cheque' || name=='dd')document.getElementById('div1').style.display 
    		="block";
    		else document.getElementById('div1').style.display='none';
    		}
    	function hidefield() {
    		document.getElementById('div1').style.display='none';
    		}
    
    </script>
	<body onload = "hidefield()">
		<h2 class="changeBlue">Add Lab Work</h2>
 		<table>
			<tr>
			<td><label for="id_search">Type of work:</label></td>
			<td><select name="form" ONCHANGE="location = 
			this.options[this.selectedIndex].value;">
	 			<option value="">Select type</option>
				{% for reports in report %}
  					<option value="/automation/tcc/select/?id={{reports.id}}&client={{clid}}">
  					{{reports.name}}</option>
				{% endfor %}</select></td>
				</tr>
			<br>
 			<tr>
 			<td><label for="id_search">Material:</label></td>
 			<td><select name="form" ONCHANGE="location = 
 			this.options[this.selectedIndex].value;">
			<option value="">Select Material</option>
				{% for field in field_list %}
  					<option value="/automation/tcc/save/?q={{field.id}}&client={{clid}}">
  					{{field.name}} </option>
				{% endfor %}
			</select></td>
			</tr>
		<br>
	    {% if form.errors %}
	        <p style="color: red;">
	            Please correct the error{{ form.errors|pluralize }} below.
	        </p>
	    {% endif %}
	
	    <form action="" method="post">
			{% csrf_token %}
			
			 <tr>
			 <td><label for="check">Test:</label></td>
			 <td>
			 	<table>
			 		{% if test %}
       					{% for tests in test%} 
       						<tr><input type="checkbox" name="test" value ="{{tests.id}}">
       						<label for="check">{{ tests.name }}</label><br />
       					{% endfor %}      
       				{% endif  %}
       			</table>
       		</td>
       		</tr>
			<tr>
			<td><input type="checkbox" name="other" id="other" value="1" 
			onclick="return yousendit();"/>
			<label for="check">Other Test</label>
			</td></tr>
		<script>
			function yousendit(){
    			if(document.getElementById('other').checked){
        		window.location='{{ LOCAL_URL }}/automation/tcc/othertest/?q={{ query }}';
        		return false;
    			}
    		return true;
			}
		</script>
        <tr>
         	<td><label for="id_sample">No. of such samples:</label></td>
         	<td>
         	<input id="id_sample" type="number" min="1" name="sample"  
         	maxlength="11" required="Yes" />
         	</td>
        </tr>
		<tr>
			<td><label for="id_site">Address of Site:</label></td>
			<td><input id="id_site" type="site" name="site"  maxlength="600" 
			/></td>
		</tr>
		<tr>
			<td><label for="id_letter">Letter No:</label></td>
			<td><input id="id_letter" name="letter_no"  maxlength="11" /></td>
		</tr>
		<tr>
			<td><label for="id_letterd">Letter Date:</label></td>
			<td><input id="id_letter_date" name="letter_date"  maxlength="11" />
			</td>
		</tr>	
		<tr>
			<td><label for="id_tds">TDS:</label></td>
			<td><input id="id_tds" type="number" name="tds"  maxlength="11" value=0 />
			</td>
		</tr>
		<tr>
			<td><label for="id_discount">Discount:</label></td>
			<td><input id="id_discount" type="number" name="discount"  maxlength="11" value=0 />
			</td>
		</tr>	
		<tr>
			<td><label for="id_work">Type of Work:</label></td>
			<td><select name="type_of_work">
					{% for typeofwork in work %}
    					<option value="{{typeofwork.id }}">{{ typeofwork.name }}
    					</option>
					{% endfor %}
			</select></td>
		</tr>
		<tr>
			<td><label for="id_pay">Mode of Payment:</label></td>
			<td><select name="pay" id="pay" onchange = "showfield(this.options[this.
			selectedIndex].value)">
					<option value="cash">Cash</option>
					<option value="online">Online</option>
					<option value="cheque" >Cheque</option>
					<option value="dd" >DD</option>
				</select></td>
		</tr> 
		</table>
		<div id="div1">Enter Cheque/DD No. : 
			<input type="text" name="check_number" /> </br>
			Enter Cheque/DD Date : <input type="text" name="check_dd_date" id=
			"id_cheque/dd_date" /> 
			</div>
			<input type="submit" value="Submit">
    </form>
    </body>
</html>
{% endblock %}
